<script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
<script type="text/javascript" src="views/parkLotCenter/facilitiesManage/js/parkOrgTree.js"></script>
<link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
<!-- <link rel="stylesheet" type="text/css" href="css/rightMenu/normalize.css" /> -->
<link rel="stylesheet" type="text/css" href="css/rightMenu/default.css">
<link rel="stylesheet" type="text/css" href="css/awesome/font-awesome.css">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
<link rel="stylesheet" type="text/css" href="css/rightMenu/styles.css">
<style type="text/css">
    .ztree li span.button.switch.level0 {visibility:hidden; width:1px;}
    .ztree li ul.level0 {padding:0; background:none;}
    div#rMenu {position:absolute; visibility:hidden; top:0; background-color: #555;text-align: left;padding: 2px;}
    div#rMenu ul li{
        margin: 1px 0;
        padding: 3px 15px 3px 15px;
        cursor: pointer;
        list-style: none outside none;
    }
    div#park {position:absolute; visibility:hidden; top:0; background-color: #555;text-align: left;padding: 2px;}
    /*  .mask {
      position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #6B6B6B;
      z-index: 1002; left: 0px;
      opacity:0.5; -moz-opacity:0.5;
    }*/
</style>
<script>
    var parkTree = null;
    $(document).ready(function() {
        parkTree = new parkOrgTreeJs($("#parkOrgTreeDiv"));
    });
</script>
<div class="tree-structure" style="height:100%;margin-top:0">
    <div class="tree-button">
        <ul>
            <li><a id="collapseAllBtn" class="select" href="#" >折叠 </a></li>
            <li><a id="expandAllBtn" href="#" >展开</a></li>
        </ul>
    </div>
    <div class="treeSearch-Btn">
        <input type="text" id="key" placeholder="搜索..." value="" class="empty k-textbox" />
    </div>
    <!---  start树形菜单  --->
    <div class="manLeftTree" style="height:calc(100% - 83px);overflow:auto;">
        <div id="tips" style="text-align:center;line-height:40px;display: none">匹配到0条数据</div>
        <ul id="tree" class="ztree"></ul>
    </div>
    <!---  end树形菜单  --->
</div>
<div class="resource-panel"  style="width:calc(100% - 252px);float:left;height:100%">
    <!--<div id="mask" class="mask"></div>-->
    <div class="basicInfoTitle-panel" id="titleBar"><span style="white-space:nowrap;text-overflow:ellipsis;width:800px;display:inline-block">停车场基本信息</span></div>
    <div id="ConentDiv" style="height:calc(100% - 41px);width:100%"></div>
</div>
<!---  end切换内容  --->
<menu class="menu">
    <li class="menu-item" id="addPar">
        <button type="button" class="menu-btn">
            <i class="fa fa-plus-square"></i>
            <span class="menu-text">新增分区</span>
        </button>
    </li>
    <li class="menu-item"  id="addWsn">
        <button type="button" class="menu-btn">
            <i class="fa fa-plus-square"></i>
            <span class="menu-text">新增工作站</span>
        </button>
    </li>
    <li class="menu-item" id="addChnin">
        <button type="button" class="menu-btn" chnType="I">
            <i class="fa fa-plus-square"></i>
            <span class="menu-text">新增入口</span>
        </button>
    </li>
    <li class="menu-item" id="addChnout">
        <button type="button" class="menu-btn" chnType="I">
            <i class="fa fa-plus-square"></i>
            <span class="menu-text">新增出口</span>
        </button>
    </li>
    <li class="menu-item submenu" id="addEqu">
        <button type="button" class="menu-btn">
            <i class="fa fa-plus-square"></i>
            <span class="menu-text menu-add">新增设备</span>
        </button>
    </li>
    <!--     <li class="menu-item" id="editNode"> -->
    <!--         <button type="button" class="menu-btn"> -->
    <!--             <i class="fa fa-edit"></i> -->
    <!--             <span class="menu-text">编辑</span> -->
    <!--         </button> -->
    <!--     </li> -->
    <li class="menu-item" id="refresh">
        <button type="button" class="menu-btn">
            <i class="fa fa-refresh"></i>
            <span class="menu-text">刷新</span>
        </button>
    </li>
    <li class="menu-item disabled" id="renameNode">
        <button type="button" class="menu-btn">
            <i class="fa fa-slack"></i>
            <span class="menu-text">重命名</span>
        </button>
    </li>
    <li class="menu-item" id="removeNode">
        <button type="button" class="menu-btn">
            <i class="fa fa-trash"></i>
            <span class="menu-text">删除</span>
        </button>
    </li>
</menu>
<div style="display: none;">
    <menu class="menu" id="addEquLower"></menu><!--通道二级-->
    <menu class="menu" id="addEquLowerE"></menu><!--设备二级-->
    <menu class="menu" id="addEquLowerP"></menu><!--分区二级-->
</div>